<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        * {
            box-sizing: border-box;
        }

        /* body 样式 */
        body {
            margin: auto;
        }

        .hea {
            width: 100px;
            height: 30px;
            top: 50px;
            left: 50px;
            font-size: 20px;
            position: fixed;
        }

        /* 容器 */
        .content {
            display: flex;
            width: 80%;
            height: 800px;
        }

        /* 主要的内容区域 */
        .main {
            width: 100%;
            margin: auto;
            background-color: rgba(255, 255, 255, 0.505);
            padding: 20px;
        }

        .main h1 {
            font-size: 30px;
            color: #930;
            text-align: center;
        }

        .form {
            margin: auto;
            width: 50%;
        }

        #submit {
            color: #fff;
            width: 100px;
            height: 30px;
            font-size: 18px;
            background: #2289F0;
            border: none;
            font-family: "微软雅黑 Light";
            font-weight: bold;
        }

        #reset {
            color: #fff;
            width: 100px;
            height: 30px;
            font-size: 18px;
            background: #2289F0;
            border: none;
            font-family: "微软雅黑 Light";
            font-weight: bold;
        }

        #reset:hover,
        #submit:hover {
            height: 30px;
            font-size: 18px;
            background: #0068D0;
            border: none;
            font-family: "微软雅黑 Light";
        }
    </style>
</head>

<body style="background:url(img/背景3.jpg) no-repeat center center;
background-size: 100% ;
background-attachment: fixed;">
    <div class="hea">
        <a href="index.html" style="text-decoration: none;">返回首页</a>
    </div>
    <div class="content">

        <div class="main">
            <h1>个人信息</h1>
            <br>
            <form method="post" action="" class="form">
                <p>
                    <label for="username"> 姓　　名：</label>
                    <input type="text" name="" id="username" value="梁慧">
                </p>

                <p>
                    <lable for="password"> 密　　码：</label>
                        <input type="password" name="" id="password">
                </p>
                <p>
                    <label for="introduce"> 个人描述：</label>
                    <textarea name="commet" rows="5" cols="60"
                        id="introduce">我是一个很有潜力的学生，热爱编程，希望能在编程的道路上走的更远。邮箱：2917759538@qq.com</textarea>
                </p>

                <p>
                    性　　别：<input type="radio" name="性别" checked>男
                    <input type="radio" name="性别">女
                </p>

                <p>
                    年　　级：<select name="nianji">
                        <option>大一
                        <option>大二
                        <option>大三
                        <option>大四
                        <option selected>大三
                    </select></p>
                <p>
                    爱　　好：
                    <input type="checkbox" name="sport" checked>运动
                    <input type="checkbox" name="music" checked>音乐
                    <input type="checkbox" name="movie" checked>电影
                    <input type="checkbox" name="read" checked>阅读
                </p>
                <input type="submit" value="提交" id="submit">
                <input type="reset" value="清空" id="reset">
                </p>
            </form>
        </div>
    </div>
    <div class="footer">
        <div class="xue_Info">
            <br>
            <p>2022-2023-1学期 &nbsp; Web应用开发基础课程设计</p>
            <br>
            <p>梁慧 &nbsp; 202009602022 &nbsp; 数据Q201</p>
        </div>
    </div>
</body>

</html>